<div>
  <h2 class="text-4xl">React Query Demo</h2>
  <p>Using the Star Wars API</p>
  <p>
    (Built by <a href="https://twitter.com/Brent_m_Clark">@Brent_m_Clark</a>
    )
  </p>
  <section>
    <h5 class="text-2xl">Why React Query?</h5>
    <p>
      In this demo you will be able to see how React Query is a significant
      improvement over <strong>redux</strong>, <strong>mobx</strong>, and any
      other general-purpose state container.
    </p>
    <p>
      No reducers, thunks, or sagas. No ES6 models to maintain in order to tag
      them as observable.
    </p>
    <p>
      Simply associate a key with your fetch call and let{' '}
      <strong>React Query</strong> handle the rest.
    </p>
    <h5 class="text-2xl">Ready to get started?</h5>
    <p>
      Check out the{' '}
      <a href="/films" class="underline"> Films </a>
      and
      <a href="/characters" class="underline"> Characters </a>
      !
    </p>
  </section>
</div>
